// 引入vue
import Vue from 'vue'
// 引入路由
import VueRouter from 'vue-router'
// 引入组件   @代表src根路径  index.vue可以省略 默认引入index.vue
import Layout from '@/views/Layout'
import Play from '@/views/Play'
import Home from '@/views/Home'
import Search from '@/views/Search'
// 使用路由
Vue.use(VueRouter)
// 配置路由
const router = new VueRouter({
    routes: [
        // 访问/重定向到layout组件的home页面
        {
            path: '/',
            redirect: '/layout/home'
        },
        // 访问/layout重定向到layout组件的home页面
        {
            path: '/layout',
            redirect: '/layout/home'
        },
        // 一级路由
        {
            path: '/layout',
            component: Layout,
            // 二级路由
            children: [{
                    // 不写 /  地址栏默认会跟着一级路由 /layout
                    path: 'home',
                    component: Home,
                    // 路由元信息
                    meta: {
                        title: '首页'
                    }
                },
                {
                    path: 'search',
                    component: Search,
                    // 路由元信息
                    meta: {
                        title: '搜索'
                    }
                }
            ]
        },
        // 一级路由
        {
            path: '/play/:id',
            component: Play
        }
    ]
})

// 导出路由
export default router